<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>会员管理页面</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
		<link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
		<link rel="stylesheet" href="../../layuiadmin/style/public.css" media="all">
	</head>
	<body>
		<div class="layui-fluid" id="LAY-component-grid-list">
			<div class="layui-card">
				<div class="layui-card-body">
					<!-- 搜索条件start -->
					<form class="layui-form meberMangement" action="">
						<div class="layui-row demo-list">
							<div class="layui-col-sm3 layui-col-md3 layui-col-lg2dot4" id="memberID">
								<div class="layui-form-item">
									<label class="layui-form-label">会员ID</label>
									<div class="layui-input-block">
										<input type="text" autocomplete="off" placeholder="精确搜索" class="layui-input">
									</div>
								</div>
							</div>
							<div class="layui-col-sm3 layui-col-md3 layui-col-lg2dot4" id="openid">
								<div class="layui-form-item">
									<label class="layui-form-label">openid</label>
									<div class="layui-input-block">
										<input type="text" autocomplete="off" placeholder="精确搜索" class="layui-input">
									</div>
								</div>
							</div>
							<div class="layui-col-sm3 layui-col-md3 layui-col-lg2dot4" id="unionid">
								<div class="layui-form-item">
									<label class="layui-form-label">unionid</label>
									<div class="layui-input-block">
										<input type="text" autocomplete="off" placeholder="精确搜索" class="layui-input">
									</div>
								</div>
							</div>
							<div class="layui-col-sm3 layui-col-md3 layui-col-lg2dot4" id="wechatPhone">
								<div class="layui-form-item">
									<label class="layui-form-label">微信绑定手机号</label>
									<div class="layui-input-block">
										<input type="text" autocomplete="off" placeholder="精确搜索" class="layui-input">
									</div>
								</div>
							</div>
							<div class="layui-col-sm3 layui-col-md3 layui-col-lg2dot4" id="otherPhone">
								<div class="layui-form-item">
									<label class="layui-form-label">其他注册手机号</label>
									<div class="layui-input-block">
										<input type="text" autocomplete="off" placeholder="精确搜索" class="layui-input">
									</div>
								</div>
							</div>
							<div class="layui-col-sm3 layui-col-md3 layui-col-lg2dot4" id="memberName">
								<div class="layui-form-item">
									<label class="layui-form-label">会员名</label>
									<div class="layui-input-block">
										<input type="text" autocomplete="off" placeholder="模糊搜索" class="layui-input">
									</div>
								</div>
							</div>
							<div class="layui-col-sm3 layui-col-md3 layui-col-lg2dot4" id="belonger">
								<div class="layui-form-item">
									<label class="layui-form-label">最后归属人</label>
									<div class="layui-input-block">
										<input type="text" autocomplete="off" placeholder="模糊搜索" class="layui-input">
									</div>
								</div>
							</div>
							<div class="layui-col-sm3 layui-col-md3 layui-col-lg2dot4" id="partnershipStore">
								<div class="layui-form-item">
									<label class="layui-form-label">最后归属合伙店铺</label>
									<div class="layui-input-block">
										<input type="text" autocomplete="off" placeholder="模糊搜索" class="layui-input">
									</div>
								</div>
							</div>
							<div class="layui-col-sm3 layui-col-md3 layui-col-lg2dot4" id="recommender">
								<div class="layui-form-item">
									<label class="layui-form-label">注册推荐人</label>
									<div class="layui-input-block">
										<input type="text" autocomplete="off" placeholder="模糊搜索" class="layui-input">
									</div>
								</div>
							</div>
							<div class="layui-col-sm3 layui-col-md3 layui-col-lg2dot4" id="recommendedShop">
								<div class="layui-form-item">
									<label class="layui-form-label">注册推荐合伙店铺</label>
									<div class="layui-input-block">
										<input type="text" autocomplete="off" placeholder="模糊搜索" class="layui-input">
									</div>
								</div>
							</div>
							<div class="layui-col-sm3 layui-col-md3 layui-col-lg2dot4" id="memberRole">
								<div class="layui-form-item">
									<label class="layui-form-label">会员角色</label>
									<div class="layui-input-block">
										<select>
											<option value=""></option>
											<option value="">全部</option>
											<option value="0">1</option>
											<option value="1">2</option>
										</select>
									</div>
								</div>
							</div>
							<div class="layui-col-sm3 layui-col-md3 layui-col-lg2dot4" id="name" style="display: none;">
								<div class="layui-form-item">
									<label class="layui-form-label">姓名</label>
									<div class="layui-input-block">
										<input type="text" autocomplete="off" placeholder="模糊搜索" class="layui-input">
									</div>
								</div>
							</div>
							<div class="layui-col-sm3 layui-col-md3 layui-col-lg2dot4" id="idcard" style="display: none;">
								<div class="layui-form-item">
									<label class="layui-form-label">身份证号码</label>
									<div class="layui-input-block">
										<input type="text" autocomplete="off" placeholder="精确搜索" class="layui-input">
									</div>
								</div>
							</div>
							<div class="layui-col-sm3 layui-col-md3 layui-col-lg2dot4" id="organizationName" style="display: none;">
								<div class="layui-form-item">
									<label class="layui-form-label">机构名称</label>
									<div class="layui-input-block">
										<input type="text" autocomplete="off" placeholder="模糊搜索" class="layui-input">
									</div>
								</div>
							</div>
							<div class="layui-col-sm3 layui-col-md3 layui-col-lg2dot4" id="organizationCoding" style="display: none;">
								<div class="layui-form-item">
									<label class="layui-form-label">机构编码</label>
									<div class="layui-input-block">
										<input type="text" autocomplete="off" placeholder="精确搜索" class="layui-input">
									</div>
								</div>
							</div>
							<div class="layui-col-sm3 layui-col-md3 layui-col-lg2dot4" id="organizationType" style="display: none;">
								<div class="layui-form-item">
									<label class="layui-form-label">机构类型</label>
									<div class="layui-input-block">
										<select>
											<option value=""></option>
											<option value="">全部</option>
											<option value="0">1</option>
											<option value="1">2</option>
										</select>
									</div>
								</div>
							</div>
							<div class="layui-col-sm12 layui-col-md12 layui-col-lg12" style="justify-content: flex-end;display: flex;">
								<div class="layui-btn-container">
									<button type="button" class="layui-btn">清空搜索</button>
									<button type="button" class="layui-btn">导出</button>
									<button type="button" class="layui-btn" style="margin-right: 0;">搜索</button>
								</div>
							</div>
						</div>
					</form>
					<!-- 搜索条件end -->
					<!-- tab标签start -->
					<div class="layui-tab" lay-filter="custom-tab">
						<ul class="layui-tab-title" style="border-bottom: none;">
							<li class="layui-this">
								全部会员
							</li>
							<li>
								推广会员
							</li>
							<li>
								合伙人
							</li>
							<li>
								待审核
							</li>
						</ul>
						<div class="layui-tab-content" style="padding: 0;">
							<div class="layui-tab-item layui-show">
								<!-- 所有会员start -->
								<div class="layui-table-meber">
									<table id="allMember" lay-filter="allMember" class="layui-table" lay-skin="nob" style="margin: 0;"></table>
								</div>
								<!-- 所有会员end -->

								<!-- 微信信息start -->
								<script type="text/html" id="webchatMsg">
									<div>
										<div class="meberId">会员ID：M1000010000</div>
										<div class="list-data">
											<p>openid:</p>
											<p>unionid:</p>
											<p>微信绑定手机号:</p>
											<p>其他注册手机号:</p>
											<p>收货人:</p>
											<p>收货手机:</p>
											<p>收货地址:</p>
										</div>
									  </div>
								</script>
								<!-- 微信信息end -->
								<!-- 会员信息start -->
								<script type="text/html" id="memberMsg">
									<div>
										<div class="meberId"></div>
										<div class="list-data">
											<p>会员名:</p>
											<p>昵称:</p>
											<p>性别:</p>
											<p>微信号:</p>
										</div>
									  </div>
								</script>
								<!-- 会员信息end -->
								<!-- 注册信息start -->
								<script type="text/html" id="registerMsg">
									<div class="table-barDemo">
									<div class="meberId"></div>
									<div class="list-data">
										<p>注册推荐合伙店铺:</p>
										<p>注册推荐人:</p>
										<p>注册时间:</p>
									</div>
								  </div>
								</script>
								<!-- 注册信息end -->
								<!-- 最后归属和会员角色start -->
								<script type="text/html" id="roleMsg">
									<div class="table-barDemo">
									<div class="meberId"></div>
									<div class="list-data">
										<p>最后归属人:</p>
										<p>最后归属合伙店铺:</p>
										<p>归属时间:</p>
										<p>会员角色:</p>
									</div>
								  </div>
								</script>
								<!-- 最后归属和会员角色end -->
								<!-- 操作start -->
								<script type="text/html" id="memberMsgOperate">
									<div class="table-barDemo">
										<div class="meberId">会员状态:启用</div>
										  <a class="layui-btn layui-btn-sm" lay-event="log">日志</a>
										  <a class="layui-btn layui-btn-sm" lay-event="resetPassword">重置密码</a>
										  <a class="layui-btn layui-btn-sm" lay-event="edit">编辑</a>
										  <a class="layui-btn layui-btn-sm" lay-event="extension">成为推广成员</a>
										  <a class="layui-btn layui-btn-sm" lay-event="partner">合伙人</a>
									  </div>
									</script>
								<!-- 操作end -->
							</div>

							<div class="layui-tab-item">
								<!-- 推广会员start -->
								<div class="layui-table-meber">
									<table id="extensionMember" lay-filter="extensionMember" class="layui-table" lay-skin="nob" style="margin: 0;"></table>
								</div>
								<!-- 推广会员end -->

								<!-- 会员信息start -->
								<script type="text/html" id="webchatMsg2">
									<div>
										<div class="meberId">会员ID：M1000010000</div>
										<div class="list-data">
											<p>openid:</p>
											<p>unionid:</p>
											<p>微信绑定手机号:</p>
											<p>其他注册手机号:</p>
											<p>收货人:</p>
											<p>收货手机:</p>
											<p>收货地址:</p>
											<p>会员名:</p>
											<p>昵称:</p>
											<p>性别:</p>
											<p>微信号:</p>
										</div>
									  </div>
								</script>
								<!-- 会员信息end -->
								<!-- 注册信息和最后归属start -->
								<script type="text/html" id="memberMsg2">
									<div>
										<div class="meberId"></div>
										<div class="list-data">
											<p>注册推荐合伙店铺：ID和名称</p>
											<p>注册推荐人：ID和会员名</p>
											<p>注册时间：精确到秒</p>
											<p>最后归属人：ID和会员名</p>
											<p>最后归属合伙店铺：ID和名称</p>
											<p>归属时间：精确到秒</p>
										</div>
									  </div>
								</script>
								<!-- 注册信息和最后归属end -->
								<!-- 个人资料信息start -->
								<script type="text/html" id="registerMsg2">
									<div class="table-barDemo">
									<div class="meberId"></div>
									<div class="list-data">
										<p>姓名：</p>
										<p>身份证号：</p>
										<p>身份证有效期：</p>
										<p>身份证地址：</p>
										<p>职业：</p>
										<p>联系地址：</p>
										<p>身份证正面照：<a href="#" class="see-btn">查看详情</a></p>
										<p>身份证反面照：<a href="#" class="see-btn">查看详情</a></p>
										<p>手持身份证照片：<a href="#" class="see-btn">查看详情</a></p>
										<p>合伙店铺：ID和名称</p>								
										<p>店铺名：</p>
									</div>
								  </div>
								</script>
								<!-- 个人资料信息end -->
								<!-- 状态start -->
								<script type="text/html" id="roleMsg2">
									<div class="table-barDemo">
									<div class="meberId"></div>
									<div class="list-data">
										<p>审核人：ID和名称</p>
										<p>审核时间：精确到秒</p>
										<p>会员角色：推广成员</p>
									</div>
								  </div>
								</script>
								<!-- 状态end -->
								<!-- 操作start -->
								<script type="text/html" id="memberMsgOperate2">
									<div class="table-barDemo">
									<div class="meberId">会员状态:启用</div>
									  <a class="layui-btn layui-btn-sm" lay-event="log">日志</a>
									  <a class="layui-btn layui-btn-sm" lay-event="edit">更新推广成员资料</a>
									  <a class="layui-btn layui-btn-sm" lay-event="partner">成为合伙人</a>
								  </div>
								</script>
								<!-- 操作end -->
							</div>
							<div class="layui-tab-item">
								<!-- 合伙人start -->
								<div class="layui-table-meber">
									<table id="partner" lay-filter="partner" class="layui-table" lay-skin="nob" style="margin: 0;"></table>
								</div>
								<!-- 合伙人end -->

								<!-- 会员信息start -->
								<script type="text/html" id="webchatMsg3">
									<div>
										<div class="meberId">会员ID：M1000010000</div>
										<div class="list-data">
											<p>openid：</p>
											<p>unionid：</p>
											<p>微信绑定手机号：</p>
											<p>其他注册手机号：</p>
											<p>收货人：</p>
											<p>收货手机：</p>
											<p>收货地址：</p>
											<p>会员名：</p>
											<p>昵称：</p>
											<p>性别：</p>
											<p>微信号：</p>
										</div>
									  </div>
								</script>
								<!-- 会员信息end -->
								<!-- 注册信息和最后归属start -->
								<script type="text/html" id="memberMsg3">
									<div>
										<div class="meberId"></div>
										<div class="list-data">
											<p>注册推荐合伙店铺：ID和名称</p>
											<p>注册推荐人：ID和会员名</p>
											<p>注册时间：精确到秒</p>
											<p>最后归属人：ID和会员名</p>
											<p>最后归属合伙店铺：ID和名称</p>
											<p>归属时间：精确到秒</p>
										</div>
									  </div>
								</script>
								<!-- 注册信息和最后归属end -->
								<!-- 个人资料信息start -->
								<script type="text/html" id="registerMsg3">
									<div class="table-barDemo">
									<div class="meberId"></div>
									<div class="list-data">
										<p>姓名：</p>
										<p>身份证号：</p>
										<p>身份证有效期：</p>
										<p>身份证地址：</p>
										<p>职业：</p>
										<p>联系地址：</p>
										<p>身份证正面照：<a href="#" class="see-btn">查看详情</a></p>
										<p>身份证反面照：<a href="#" class="see-btn">查看详情</a></p>
										<p>手持身份证照片：<a href="#" class="see-btn">查看详情</a></p>
									</div>
								  </div>
								</script>
								<!-- 个人资料信息end -->
								<!-- 合伙人资料start -->
								<script type="text/html" id="roleMsg3">
									<div class="table-barDemo">
									<div class="meberId"></div>
									<div class="list-data">
										<p>机构名称：</p>
										<p>机构编号：</p>
										<p>机构类型：</p>
										<p>机构地址：</p>
										<p>采购委托书：<a href="#" class="see-btn">查看详情</a></p>
										<p>医疗机构许可证：<a href="#" class="see-btn">查看详情</a></p>
										<p>其他证书1：<a href="#" class="see-btn">查看详情</a></p>
										<p>其他证书2：无</p>
										<p>其他证书3：无</p>
										<p>其他证书4：无</p>
									</div>
								  </div>
								</script>
								<!-- 合伙人资料end -->
								<!-- 状态start -->
								<script type="text/html" id="stateMsg3">
									<div class="table-barDemo">
									<div class="meberId"></div>
									<div class="list-data">
										<p>审核人：ID和名称</p>
										<p>审核时间：精确到秒</p>
										<p>会员角色：合伙人</p>
									</div>
								  </div>
								</script>
								<!-- 状态end -->
								<!-- 操作start -->
								<script type="text/html" id="memberMsgOperate3">
									<div class="table-barDemo">
									<div class="meberId">会员状态:启用</div>
									  <a class="layui-btn layui-btn-sm" lay-event="log">日志</a>
									  <a class="layui-btn layui-btn-sm" lay-event="edit">更新合伙人资料</a>
								  </div>
								</script>
								<!-- 操作end -->
							</div>

							<div class="layui-tab-item">
								<!-- 待审核start -->
								<div class="layui-table-meber">
									<table id="auditing" lay-filter="auditing" class="layui-table" lay-skin="nob" style="margin: 0;"></table>
								</div>
								<!-- 待审核end -->
								
								<!-- 会员信息start -->
								<script type="text/html" id="webchatMsg4">
									<div>
										<div class="meberId">会员ID：M1000010000</div>
										<div class="list-data">
											<p>openid：</p>
											<p>unionid：</p>
											<p>微信绑定手机号：</p>
											<p>其他注册手机号：</p>
											<p>收货人：</p>
											<p>收货手机：</p>
											<p>收货地址：</p>
											<p>会员名：</p>
											<p>昵称：</p>
											<p>性别：</p>
											<p>微信号：</p>
										</div>
									  </div>
								</script>
								<!-- 会员信息end -->
								<!-- 注册信息和最后归属start -->
								<script type="text/html" id="memberMsg4">
									<div>
										<div class="meberId"></div>
										<div class="list-data">
											<p>注册推荐合伙店铺：ID和名称</p>
											<p>注册推荐人：ID和会员名</p>
											<p>注册时间：精确到秒</p>
											<p>最后归属人：ID和会员名</p>
											<p>最后归属合伙店铺：ID和名称</p>
											<p>归属时间：精确到秒</p>
											<p>会员角色：</p>
										</div>
									  </div>
								</script>
								<!-- 注册信息和最后归属end -->
								<!-- 个人资料信息start -->
								<script type="text/html" id="registerMsg4">
									<div class="table-barDemo">
									<div class="meberId"></div>
									<div class="list-data">
										<p>姓名：</p>
										<p>身份证号：</p>
										<p>身份证有效期：</p>
										<p>身份证地址：</p>
										<p>职业：</p>
										<p>联系地址：</p>
										<p>身份证正面照：<a href="#" class="see-btn">查看详情</a></p>
										<p>身份证反面照：<a href="#" class="see-btn">查看详情</a></p>
										<p>手持身份证照片：<a href="#" class="see-btn">查看详情</a></p>
										<p>合伙店铺：ID和名称</p>
										<p>店铺名：</p>
									</div>
								  </div>
								</script>
								<!-- 个人资料信息end -->
								<!-- 合伙人资料start -->
								<script type="text/html" id="roleMsg4">
									<div class="table-barDemo">
									<div class="meberId"></div>
									<div class="list-data">
										<p>机构名称：</p>
										<p>机构编号：</p>
										<p>机构类型：</p>
										<p>机构地址：</p>
										<p>采购委托书：<a href="#" class="see-btn">查看详情</a></p>
										<p>医疗机构许可证：<a href="#" class="see-btn">查看详情</a></p>
										<p>其他证书1：<a href="#" class="see-btn">查看详情</a></p>
										<p>其他证书2：无</p>
										<p>其他证书3：无</p>
										<p>其他证书4：无</p>
									</div>
								  </div>
								</script>
								<!-- 合伙人资料end -->
								<!-- 状态start -->
								<script type="text/html" id="stateMsg4">
									<div class="table-barDemo">
									<div class="meberId"></div>
									<div class="list-data">
										<p>申请类型：合伙人申请</p>
										<p>申请人类型：本人申请</p>
										<p>申请人：空</p>
										<p>申请时间：精确到秒</p>
										<p>会员角色：推广成员</p>
									</div>
								  </div>
								</script>
								<!-- 状态end -->
								<!-- 操作start -->
								<script type="text/html" id="memberMsgOperate4">
									<div class="table-barDemo">
									<div class="meberId">会员状态:启用</div>
									  <a class="layui-btn layui-btn-sm" lay-event="log">日志</a>
									  <a class="layui-btn layui-btn-sm" lay-event="audit">审核</a>
								  </div>
								</script>
								<!-- 操作end -->
							</div>

						</div>
					</div>
					<!-- tab标签end -->
				</div>
			</div>
		</div>
		<!-- 日志start -->
		<div class="log-box" id="log-box">
			<div class="layui-card">
				<div class="layui-card-body">
					<form class="layui-form" action="">
						<div class="layui-row demo-list">
							<div class="layui-col-sm4 layui-col-md4 layui-col-lg4">
								<div class="layui-form-item">
									<label class="layui-form-label">日期</label>
									<div class="layui-input-block">
										<input type="text" class="layui-input" id="test1" placeholder="请选择">
									</div>
								</div>
							</div>
							<div class="layui-col-sm4 layui-col-md4 layui-col-lg4">
								<div class="layui-form-item">
									<label class="layui-form-label">操作人</label>
									<div class="layui-input-block">
										<select>
											<option value="">请选择</option>
											<option value="1">1</option>
											<option value="2">2</option>
										</select>
									</div>
								</div>
							</div>
							<div class="layui-col-sm4 layui-col-md4 layui-col-lg4" style="justify-content: flex-end;display: flex;">
								<div class="layui-btn-container">
									<button type="button" class="layui-btn">搜索</button>
									<button type="button" class="layui-btn">清空搜索</button>
								</div>
							</div>
						</div>
					</form>

					<table id="logTable" lay-filter="logTable" class="layui-table"></table>
				</div>
			</div>
		</div>
		<!-- 日志end -->
		<!-- 编辑start -->
		<div class="edit-box" id="edit-box">
			<div class="layui-card">
				<div class="layui-card-body">
					<form class="layui-form" action="">
						<div class="layui-row demo-list">
							<div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
								<div class="layui-form-item" style="font-weight:bold;">
									<label class="layui-form-label" style="font-weight:bold;">会员ID</label>
									<div class="layui-input-block">
										<input type="text" class="layui-input" value="M1000010000" readonly="true" style="border: none;">
									</div>
								</div>
							</div>
							<div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
								<div class="layui-form-item">
									<label class="layui-form-label">昵称</label>
									<div class="layui-input-block">
										<input type="text" class="layui-input" placeholder="请输入昵称">
									</div>
								</div>
							</div>
							<div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
								<div class="layui-form-item">
									<label class="layui-form-label">会员名</label>
									<div class="layui-input-block">
										<input type="text" class="layui-input" placeholder="请输入会员名">
									</div>
								</div>
							</div>
							<div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
								<div class="layui-form-item">
									<label class="layui-form-label">性别</label>
									<div class="layui-input-block">
										<input type="radio" name="sex" value="男" title="男">
										<input type="radio" name="sex" value="女" title="女">
									</div>
								</div>
							</div>
							<div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
								<div class="layui-form-item">
									<label class="layui-form-label">微信号</label>
									<div class="layui-input-block">
										<input type="text" class="layui-input" placeholder="请输入微信号">
									</div>
								</div>
							</div>
							<div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
								<div class="layui-form-item">
									<label class="layui-form-label">会员状态</label>
									<div class="layui-input-block">
										<input type="radio" name="states" value="启用" title="启用">
										<input type="radio" name="states" value="禁用" title="禁用">
									</div>
								</div>
							</div>

							<div class="layui-form-item">
								<div class="layui-input-block">
									<button class="layui-btn">保存</button>
									<div class="layui-btn layui-btn-primary cancel-btn">取消</div>
								</div>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
		<!-- 编辑end -->
		<!-- 成为推广会员start -->
		<div class="extension-box" id="extension-box">
			<div class="layui-card">
				<div class="layui-card-body">
					<form class="layui-form" action="">
						<div class="layui-row demo-list">
							<div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
								<div class="layui-form-item" style="font-weight:bold;">
									<label class="layui-form-label" style="font-weight:bold;">会员ID</label>
									<div class="layui-input-block">
										<input type="text" class="layui-input" value="M1000010000" readonly="true" style="border: none;">
									</div>
								</div>
							</div>
							<div class="layui-col-sm4 layui-col-md4 layui-col-lg4 upload-box">
								<div class="layui-form-item">
									<i class="layui-icon layui-icon-picture"></i>
									身份证正面照
									<i class="layui-icon layui-icon-camera-fill"></i>
								</div>
							</div>
							<div class="layui-col-sm4 layui-col-md4 layui-col-lg4 upload-box">
								<div class="layui-form-item">
									<i class="layui-icon layui-icon-picture"></i>
									身份证反面照
									<i class="layui-icon layui-icon-camera-fill"></i>
								</div>
							</div>
							<div class="layui-col-sm4 layui-col-md4 layui-col-lg4 upload-box">
								<div class="layui-form-item">
									<i class="layui-icon layui-icon-picture"></i>
									手持身份证照片<a href="#">(证件照示例图)</a>
									<i class="layui-icon layui-icon-camera-fill"></i>
								</div>
							</div>
							<div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
								<div class="layui-form-item">
									<label class="layui-form-label">姓名</label>
									<div class="layui-input-block">
										<input type="text" class="layui-input" placeholder="请输入姓名">
									</div>
								</div>
							</div>
							<div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
								<div class="layui-form-item">
									<label class="layui-form-label">身份证号</label>
									<div class="layui-input-block">
										<input type="text" class="layui-input" placeholder="请输入身份证号">
									</div>
								</div>
							</div>
							<div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
								<div class="layui-form-item">
									<label class="layui-form-label">身份证有效期</label>
									<div class="layui-input-block">
										<input type="text" class="layui-input" id="test2" placeholder="请选择">
									</div>
								</div>
							</div>
							<div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
								<div class="layui-form-item" id="area-picker">
									<div class="layui-form-label">身份证地址</div>
									<div class="layui-input-block">
										<div style="justify-content: space-between;display: flex;margin-bottom: 15px;">
											<div class="layui-input-inline">
												<select name="province" class="province-selector" lay-filter="province-1">
													<option value="">请选择省</option>
												</select>
											</div>
											<div class="layui-input-inline">
												<select name="city" class="city-selector" lay-filter="city-1">
													<option value="">请选择市</option>
												</select>
											</div>
											<div class="layui-input-inline">
												<select name="county" class="county-selector" lay-filter="county-1">
													<option value="">请选择区</option>
												</select>
											</div>
										</div>
										<div>
											<input type="text" class="layui-input" placeholder="请输入详细地址">
										</div>
									</div>
								</div>
							</div>
							<div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
								<div class="layui-form-item">
									<label class="layui-form-label">职业</label>
									<div class="layui-input-block">
										<input type="text" class="layui-input" placeholder="请输入职业">
									</div>
								</div>
							</div>
							<div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
								<div class="layui-form-item" id="area-picker2">
									<label class="layui-form-label">联系地址</label>
									<div class="layui-input-block">
										<div style="justify-content: space-between;display: flex;margin-bottom: 15px;">
											<div class="layui-input-inline">
												<select name="province" class="province-selector" lay-filter="province-2">
													<option value="">请选择省</option>
												</select>
											</div>
											<div class="layui-input-inline">
												<select name="city" class="city-selector" lay-filter="city-2">
													<option value="">请选择市</option>
												</select>
											</div>
											<div class="layui-input-inline">
												<select name="county" class="county-selector" lay-filter="county-2">
													<option value="">请选择区</option>
												</select>
											</div>
										</div>
										<div>
											<input type="text" class="layui-input" placeholder="请输入详细地址">
										</div>
									</div>
								</div>
							</div>
							<div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
								<div class="layui-form-item">
									<label class="layui-form-label">选择合伙店铺</label>
									<div class="layui-input-block">
										<select>
											<option value="">请选择</option>
											<option value="店铺1">店铺1</option>
											<option value="店铺2">店铺2</option>
										</select>
									</div>
								</div>
							</div>
							<div class="layui-form-item">
								<div class="layui-input-block">
									<button class="layui-btn">保存</button>
									<div class="layui-btn layui-btn-primary cancel-btn">取消</div>
								</div>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
		<!-- 成推广会员end -->
		<!-- 成为合伙人start -->
		<div class="partner-box" id="partner-box">
			<div class="layui-card">
				<div class="layui-card-body">
					<form class="layui-form" action="">
						<div class="layui-row demo-list">
							<div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
								<div class="layui-form-item" style="font-weight:bold;">
									<label class="layui-form-label" style="font-weight:bold;">会员ID</label>
									<div class="layui-input-block">
										<input type="text" class="layui-input" value="M1000010000" readonly="true" style="border: none;">
									</div>
								</div>
							</div>
							<div class="site-title">
								<fieldset>
									<legend><a name="blockquote">个人资料</a></legend>
								</fieldset>
							</div>
							<div class="layui-col-sm4 layui-col-md4 layui-col-lg4 upload-box">
								<div class="layui-form-item">
									<i class="layui-icon layui-icon-picture"></i>
									身份证正面照
									<i class="layui-icon layui-icon-camera-fill"></i>
								</div>
							</div>
							<div class="layui-col-sm4 layui-col-md4 layui-col-lg4 upload-box">
								<div class="layui-form-item">
									<i class="layui-icon layui-icon-picture"></i>
									身份证反面照
									<i class="layui-icon layui-icon-camera-fill"></i>
								</div>
							</div>
							<div class="layui-col-sm4 layui-col-md4 layui-col-lg4 upload-box">
								<div class="layui-form-item">
									<i class="layui-icon layui-icon-picture"></i>
									手持身份证照片<a href="#">(证件照示例图)</a>
									<i class="layui-icon layui-icon-camera-fill"></i>
								</div>
							</div>
							<div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
								<div class="layui-form-item">
									<label class="layui-form-label">姓名</label>
									<div class="layui-input-block">
										<input type="text" class="layui-input" placeholder="请输入姓名">
									</div>
								</div>
							</div>
							<div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
								<div class="layui-form-item">
									<label class="layui-form-label">身份证号</label>
									<div class="layui-input-block">
										<input type="text" class="layui-input" placeholder="请输入身份证号">
									</div>
								</div>
							</div>
							<div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
								<div class="layui-form-item">
									<label class="layui-form-label">身份证有效期</label>
									<div class="layui-input-block">
										<input type="text" class="layui-input" id="test3" placeholder="请选择">
									</div>
								</div>
							</div>
							<div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
								<div class="layui-form-item" id="area-picker3">
									<div class="layui-form-label">身份证地址</div>
									<div class="layui-input-block">
										<div style="justify-content: space-between;display: flex;margin-bottom: 15px;">
											<div class="layui-input-inline">
												<select name="province" class="province-selector" lay-filter="province-3">
													<option value="">请选择省</option>
												</select>
											</div>
											<div class="layui-input-inline">
												<select name="city" class="city-selector" lay-filter="city-3">
													<option value="">请选择市</option>
												</select>
											</div>
											<div class="layui-input-inline">
												<select name="county" class="county-selector" lay-filter="county-3">
													<option value="">请选择区</option>
												</select>
											</div>
										</div>
										<div>
											<input type="text" class="layui-input" placeholder="请输入详细地址">
										</div>
									</div>
								</div>
							</div>
							<div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
								<div class="layui-form-item">
									<label class="layui-form-label">职业</label>
									<div class="layui-input-block">
										<input type="text" class="layui-input" placeholder="请输入职业">
									</div>
								</div>
							</div>
							<div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
								<div class="layui-form-item" id="area-picker4">
									<label class="layui-form-label">联系地址</label>
									<div class="layui-input-block">
										<div style="justify-content: space-between;display: flex;margin-bottom: 15px;">
											<div class="layui-input-inline">
												<select name="province" class="province-selector" lay-filter="province-4">
													<option value="">请选择省</option>
												</select>
											</div>
											<div class="layui-input-inline">
												<select name="city" class="city-selector" lay-filter="city-4">
													<option value="">请选择市</option>
												</select>
											</div>
											<div class="layui-input-inline">
												<select name="county" class="county-selector" lay-filter="county-4">
													<option value="">请选择区</option>
												</select>
											</div>
										</div>
										<div>
											<input type="text" class="layui-input" placeholder="请输入详细地址">
										</div>
									</div>
								</div>
							</div>
							<div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
								<div class="layui-form-item">
									<label class="layui-form-label">选择合伙店铺</label>
									<div class="layui-input-block">
										<select>
											<option value="">请选择</option>
											<option value="店铺1">店铺1</option>
											<option value="店铺2">店铺2</option>
										</select>
									</div>
								</div>
							</div>
							<div class="site-title">
								<fieldset>
									<legend><a name="blockquote">机构资料</a></legend>
								</fieldset>
							</div>
							<div class="layui-col-sm4 layui-col-md4 layui-col-lg4 upload-box">
								<div class="layui-form-item">
									<i class="layui-icon layui-icon-picture"></i>
									采购委托书
									<i class="layui-icon layui-icon-camera-fill"></i>
								</div>
							</div>
							<div class="layui-col-sm4 layui-col-md4 layui-col-lg4 upload-box">
								<div class="layui-form-item">
									<i class="layui-icon layui-icon-picture"></i>
									医疗机构许可证
									<i class="layui-icon layui-icon-camera-fill"></i>
								</div>
							</div>
							<div class="layui-col-sm4 layui-col-md4 layui-col-lg4 upload-box">
								<div class="layui-form-item">
									<i class="layui-icon layui-icon-picture"></i>
									其他证书1<a href="#">(证书示例图)</a>
									<i class="layui-icon layui-icon-camera-fill"></i>
								</div>
							</div>
							<div class="layui-col-sm4 layui-col-md4 layui-col-lg4 upload-box">
								<div class="layui-form-item">
									<i class="layui-icon layui-icon-picture"></i>
									其他证书2
									<i class="layui-icon layui-icon-camera-fill"></i>
								</div>
							</div>
							<div class="layui-col-sm4 layui-col-md4 layui-col-lg4 upload-box">
								<div class="layui-form-item">
									<i class="layui-icon layui-icon-picture"></i>
									其他证书3
									<i class="layui-icon layui-icon-camera-fill"></i>
								</div>
							</div>
							<div class="layui-col-sm4 layui-col-md4 layui-col-lg4 upload-box">
								<div class="layui-form-item">
									<i class="layui-icon layui-icon-picture"></i>
									其他证书4
									<i class="layui-icon layui-icon-camera-fill"></i>
								</div>
							</div>
							<div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
								<div class="layui-form-item">
									<label class="layui-form-label">机构名称</label>
									<div class="layui-input-block">
										<input type="text" class="layui-input" placeholder="请输入机构名称">
									</div>
								</div>
							</div>
							<div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
								<div class="layui-form-item">
									<label class="layui-form-label">机构编号</label>
									<div class="layui-input-block">
										<input type="text" class="layui-input" placeholder="请输入机构编号">
									</div>
								</div>
							</div>
							<div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
								<div class="layui-form-item">
									<label class="layui-form-label">机构类型</label>
									<div class="layui-input-block">
										<select>
											<option value="">请选择</option>
											<option value="1">1</option>
											<option value="2">2</option>
										</select>
									</div>
								</div>
							</div>
							<div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
								<div class="layui-form-item" id="area-picker5">
									<label class="layui-form-label">机构地址</label>
									<div class="layui-input-block">
										<div style="justify-content: space-between;display: flex;margin-bottom: 15px;">
											<div class="layui-input-inline">
												<select name="province" class="province-selector" lay-filter="province-5">
													<option value="">请选择省</option>
												</select>
											</div>
											<div class="layui-input-inline">
												<select name="city" class="city-selector" lay-filter="city-5">
													<option value="">请选择市</option>
												</select>
											</div>
											<div class="layui-input-inline">
												<select name="county" class="county-selector" lay-filter="county-5">
													<option value="">请选择区</option>
												</select>
											</div>
										</div>
										<div>
											<input type="text" class="layui-input" placeholder="请输入详细地址">
										</div>
									</div>
								</div>
							</div>
							<div class="layui-form-item">
								<div class="layui-input-block">
									<button class="layui-btn">保存</button>
									<div class="layui-btn layui-btn-primary cancel-btn">取消</div>
								</div>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
		<!-- 成为合伙人end -->
		<script src="../../layuiadmin/layui/layui.js"></script>
		<script>
			layui.config({
				base: '../../layuiadmin/' //静态资源所在路径
			}).extend({
				index: 'lib/index' //主入口模块
			}).use(['index', 'form', 'element', 'table', 'laydate', 'layarea'], function() {
				var $ = layui.$,
					admin = layui.admin,
					element = layui.element,
					form = layui.form,
					table = layui.table,
					laydate = layui.laydate,
					layarea = layui.layarea;
				// 监听tab
				element.on('tab(custom-tab)', function(elem) {
					var index = $(this).index();
					console.log(index)
					switch (index) {
						// 全部会员
						case 0:
							$("#name").hide();
							$("#idcard").hide();
							$("#organizationName").hide();
							$("#organizationCoding").hide();
							$("#organizationType").hide();
							break;
						case 1:
							// 推广会员
							$("#name").show();
							$("#idcard").show();
							$("#organizationName").show();
							$("#organizationCoding").hide();
							$("#organizationType").show();
							break;

						case 2:
							// 合伙人
							$("#name").show();
							$("#idcard").show();
							$("#organizationName").show();
							$("#organizationCoding").show();
							$("#organizationType").show();
							break;
						case 3:
							// 待审核
							$("#name").show();
							$("#idcard").show();
							$("#organizationName").show();
							$("#organizationCoding").show();
							$("#organizationType").show();
							break;
					}
				});

				//所有会员表格实例
				table.render({
					elem: '#allMember',
					url: layui.setter.base + 'json/table/user.js' //数据接口
						,
					page: true //开启分页
						,
					limit: 5,
					cols: [
						[ //表头
							{
								type: 'checkbox',
							}, {
								field: 'username',
								title: '微信信息',
								templet: '#webchatMsg'
							}, {
								field: 'sex',
								title: '会员信息',
								templet: '#memberMsg'
							}, {
								field: 'city',
								title: '注册信息',
								templet: '#registerMsg'
							}, {
								field: 'sign',
								title: '最后归属和会员角色',
								templet: '#roleMsg'
							}, {
								title: '操作',
								width: 120,
								align: 'center',
								toolbar: '#memberMsgOperate'
							}
						]
					]
				});

				//推广会员表格实例
				table.render({
					elem: '#extensionMember',
					url: layui.setter.base + 'json/table/user.js' //数据接口
						,
					page: true //开启分页
						,
					limit: 5,
					cols: [
						[ //表头
							{
								type: 'checkbox',
							}, {
								field: 'username',
								title: '会员信息',
								templet: '#webchatMsg2'
							}, {
								field: 'sex',
								title: '注册信息和最后归属',
								templet: '#memberMsg2'
							}, {
								field: 'city',
								title: '个人资料信息',
								templet: '#registerMsg2'
							}, {
								field: 'sign',
								title: '状态',
								templet: '#roleMsg2'
							}, {
								title: '操作',
								width: 150,
								align: 'center',
								toolbar: '#memberMsgOperate2'
							}
						]
					]
				});

				//合伙人表格实例
				table.render({
					elem: '#partner',
					url: layui.setter.base + 'json/table/user.js' //数据接口
						,
					page: true //开启分页
						,
					limit: 5,
					cols: [
						[ //表头
							{
								type: 'checkbox',
							}, {
								field: 'username',
								title: '会员信息',
								templet: '#webchatMsg3'
							}, {
								field: 'sex',
								title: '注册信息和最后归属',
								templet: '#memberMsg3'
							}, {
								field: 'city',
								title: '个人资料信息',
								templet: '#registerMsg3'
							}, {
								field: 'sign',
								title: '合伙人资料',
								templet: '#roleMsg3'
							}, {
								field: 'experience',
								title: '状态',
								templet: '#stateMsg3'
							}, {
								title: '操作',
								width: 150,
								align: 'center',
								toolbar: '#memberMsgOperate3'
							}
						]
					]
				});
				
				//待审核表格实例
				table.render({
					elem: '#auditing',
					url: layui.setter.base + 'json/table/user.js' //数据接口
						,
					page: true //开启分页
						,
					limit: 5,
					cols: [
						[ //表头
							{
								type: 'checkbox',
							}, {
								field: 'username',
								title: '会员信息',
								templet: '#webchatMsg4'
							}, {
								field: 'sex',
								title: '注册信息和最后归属',
								templet: '#memberMsg4'
							}, {
								field: 'city',
								title: '个人资料信息',
								templet: '#registerMsg4'
							}, {
								field: 'sign',
								title: '合伙人资料',
								templet: '#roleMsg4'
							},{
								field: 'experience',
								title: '状态',
								templet: '#stateMsg4'
							},  {
								title: '操作',
								width: 150,
								align: 'center',
								toolbar: '#memberMsgOperate4'
							}
						]
					]
				});

				//所有会员监听工具条
				table.on('tool(allMember)', function(obj) {
					var data = obj.data;
					console.log(data);
					switch (obj.event) {
						case 'log':
							// 日志
							layer.open({
								type: 1,
								title: '日志',
								area: '900px',
								shade: 0.8,
								id: 'LAY_log' //设定一个id，防止重复弹出
									,
								btnAlign: 'c',
								moveType: 1 //拖拽模式，0或者1
									,
								content: $("#log-box"),
								success: function(layero) {

								}
							});
							break;
						case 'resetPassword':
							// 重置密码
							layer.confirm('是否要重置密码？', {
								title: '温馨提示',
								icon: 3,
								btn: ['确定', '取消'] //按钮
							}, function(index) {
								// 确定
								layer.close(index);
							}, function() {
								// 取消
							});
							break;
						case 'edit':
							// 编辑
							layer.open({
								type: 1,
								title: '编辑',
								area: '600px',
								shade: 0.8,
								id: 'LAY_edit' //设定一个id，防止重复弹出
									,
								btnAlign: 'c',
								moveType: 1 //拖拽模式，0或者1
									,
								content: $("#edit-box"),
								success: function(layero) {

								}
							});
							break;
						case 'extension':
							// 成为推广成员
							layer.open({
								type: 1,
								title: '成为推广成员',
								area: '800px',
								shade: 0.8,
								id: 'LAY_extension' //设定一个id，防止重复弹出
									,
								btnAlign: 'c',
								moveType: 1 //拖拽模式，0或者1
									,
								content: $("#extension-box"),
								success: function(layero) {

								}
							});
							break;
						case 'partner':
							// 合伙人
							layer.open({
								type: 1,
								title: '合伙人',
								area: '800px',
								shade: 0.8,
								id: 'LAY_partner' //设定一个id，防止重复弹出
									,
								btnAlign: 'c',
								moveType: 1 //拖拽模式，0或者1
									,
								content: $("#partner-box"),
								success: function(layero) {

								}
							});
							break;
					}
				});

				//推广会员监听工具条
				table.on('tool(extensionMember)', function(obj) {
					var data = obj.data;
					console.log(data);
					switch (obj.event) {
						case 'log':
							// 日志
							layer.open({
								type: 1,
								title: '日志',
								area: '900px',
								shade: 0.8,
								id: 'LAY_log' //设定一个id，防止重复弹出
									,
								btnAlign: 'c',
								moveType: 1 //拖拽模式，0或者1
									,
								content: $("#log-box"),
								success: function(layero) {

								}
							});
							break;
						case 'edit':
							// 更新推广成员资料
							layer.open({
								type: 1,
								title: '更新推广成员资料',
								area: '800px',
								shade: 0.8,
								id: 'LAY_edit' //设定一个id，防止重复弹出
									,
								btnAlign: 'c',
								moveType: 1 //拖拽模式，0或者1
									,
								content: $("#edit-box"),
								success: function(layero) {

								}
							});
							break;
						case 'partner':
							// 合伙人
							layer.open({
								type: 1,
								title: '成为合伙人',
								area: '800px',
								shade: 0.8,
								id: 'LAY_partner' //设定一个id，防止重复弹出
									,
								btnAlign: 'c',
								moveType: 1 //拖拽模式，0或者1
									,
								content: $("#partner-box"),
								success: function(layero) {

								}
							});
							break;
					}
				});

				//合伙人监听工具条
				table.on('tool(partner)', function(obj) {
					var data = obj.data;
					console.log(data);
					switch (obj.event) {
						case 'log':
							// 日志
							layer.open({
								type: 1,
								title: '日志',
								area: '900px',
								shade: 0.8,
								id: 'LAY_log' //设定一个id，防止重复弹出
									,
								btnAlign: 'c',
								moveType: 1 //拖拽模式，0或者1
									,
								content: $("#log-box"),
								success: function(layero) {

								}
							});
							break;
						case 'edit':
							// 编辑
							layer.open({
								type: 1,
								title: '更新合伙人资料',
								area: '800px',
								shade: 0.8,
								id: 'LAY_edit' //设定一个id，防止重复弹出
									,
								btnAlign: 'c',
								moveType: 1 //拖拽模式，0或者1
									,
								content: $("#partner-box"),
								success: function(layero) {

								}
							});
							break;
					}
				});
				
				//待审核监听工具条
				table.on('tool(auditing)', function(obj) {
					var data = obj.data;
					console.log(data);
					switch (obj.event) {
						case 'log':
							// 日志
							layer.open({
								type: 1,
								title: '日志',
								area: '900px',
								shade: 0.8,
								id: 'LAY_log' //设定一个id，防止重复弹出
									,
								btnAlign: 'c',
								moveType: 1 //拖拽模式，0或者1
									,
								content: $("#log-box"),
								success: function(layero) {
				
								}
							});
							break;
						case 'audit':
							// 审核
							layer.confirm('审核是否通过？', {
								title: '温馨提示',
								icon: 3,
								btn: ['审核通过', '审核不通过'] //按钮
							}, function(index) {
								// 确定
								layer.close(index);
							}, function() {
								// 取消
							});
							break;
					}
				});

				//日志表格实例
				table.render({
					elem: '#logTable',
					url: layui.setter.base + 'json/table/user.js' //数据接口
						,
					page: true //开启分页
						,
					cols: [
						[ //表头
							{
								type: 'numbers',
								title: '序号',
								width: 100
							}, {
								field: 'sex',
								title: '日志时间',
								width: 120
							}, {
								field: 'city',
								title: '操作人',
								width: 120
							}, {
								field: 'sign',
								title: '操作行为',
							}
						]
					]
				});

				// 时间插件
				laydate.render({
					elem: '#test1'
				});

				// 时间插件身份证有效期
				laydate.render({
					elem: '#test2'
				});

				laydate.render({
					elem: '#test3'
				});

				layarea.render({
					elem: '#area-picker',
					change: function(res) {
						//选择结果
						console.log(res);
					}
				});

				layarea.render({
					elem: '#area-picker2',
					change: function(res) {
						//选择结果
						console.log(res);
					}
				});

				layarea.render({
					elem: '#area-picker3',
					change: function(res) {
						//选择结果
						console.log(res);
					}
				});

				layarea.render({
					elem: '#area-picker4',
					change: function(res) {
						//选择结果
						console.log(res);
					}
				});

				layarea.render({
					elem: '#area-picker5',
					change: function(res) {
						//选择结果
						console.log(res);
					}
				});

				// 取消按钮关闭弹窗
				$(".cancel-btn").on('click', function() {
					layer.close(layer.index)
				});

			});
		</script>
	</body>
</html>
